<template>
	<div class="hello">
		<yd-cell-group title="普通使用">
			<yd-cell-item>
				<yd-rate slot="left" v-model="rate1"></yd-rate>
			</yd-cell-item>
			<yd-cell-item>
				<yd-rate slot="left" v-model="rate2"></yd-rate>

			</yd-cell-item>
		</yd-cell-group>
		<div class="">
			<yd-cell-item>
				<yd-rate slot="left" :readonly=true v-model="rate1"></yd-rate>
			</yd-cell-item>
			
		</div>
	</div>
</template>

<script>
	//import {Rate} from 'vue-ydui/dist/lib.rem/rate';
	//import 'vue-ydui/dist/ydui.base.css';
	export default {

		data() {
			return {
				rate1: 1,
				rate2: 3,
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	h1,
	h2 {
		font-weight: normal;
	}
	
	ul {
		list-style-type: none;
		padding: 0;
	}
	
	li {
		display: inline-block;
		margin: 0 10px;
	}
	
	a {
		color: #42b983;
	}
</style>